<layout name="Common/layout"/>
<!--引入jqzoom css -->
<link rel="stylesheet" href="__PUBLIC__/Home/style/base.css" type="text/css">
<link rel="stylesheet" href="__PUBLIC__/Home/style/global.css" type="text/css">
<link rel="stylesheet" href="__PUBLIC__/Home/style/jqzoom.css" type="text/css">
<link rel="stylesheet" href="__PUBLIC__/Home/style/goods.css" type="text/css">
<link rel="stylesheet" href="__PUBLIC__/Home/style/common.css" type="text/css">
<link rel="stylesheet" href="__PUBLIC__/jquery-ui-1.9.2.custom/css/ui-lightness/jquery-ui-1.9.2.custom.min.css" type="text/css">
<script type="text/javascript" src="__PUBLIC__/Home/js/goods.js"></script>
<script type="text/javascript" src="__PUBLIC__/Home/js/jqzoom-core.js"></script>
<script type="text/javascript" src="__PUBLIC__/jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.js"></script>

<style>
	.reply_container{ margin-top:25px; }
	.reply_container li{ min-height:70px;margin:3px;background:#DAF1DA;padding:5px; }
	.reply_container li p{ margin-top:10px;}
	.reply_container img{ float:right;}
</style>

	<!-- jqzoom 效果 -->
	<script type="text/javascript">
		$(function(){
			$('.jqzoom').jqzoom({
	            zoomType: 'standard',
	            lens:true,
	            preloadImages: false,
	            alwaysOn:false,
	            title:false,
	            zoomWidth:400,
	            zoomHeight:400
	        });
			//AJAX计算会员价格
			$.ajax({
				type:"GET",
				url:"<?php echo U('Index/ajaxGetMemberPrice?goods_id='.$info['id']); ?>",
				dataType:"json",
				success:function (data) {
					$("#member_price").html("￥ "+data+".00 元");
				}
			});
		})
	</script>

	<include file="Common/nav"/>

	<div style="clear:both;"></div>

<div id="login_dialog" class="none" title="登录表单">
	<form id="login_form" method="post" action="">
		<ul>
			<li>
				<label for="">用户名: </label>
				<input type="text" class="txt" name="username"/>
			</li>
			<li>
				<label for="">密 码 : </label>
				<input type="password" class="txt" name="password"/>
			</li>
			<li>
				<label for="">验证码: </label>
				<input type="text" name="chkcode"/><br>
				<img style="" onclick="this.src='<?php echo U('Member/chkcode');?>#'+Math.random();" src="<?php echo U('Member/chkcode');?>"/>
			</li>
		</ul>
	</form>
</div>

	<!-- 商品页面主体 start -->
	<div class="main w1210 mt10 bc">
		<!-- 面包屑导航 start -->
		<div class="breadcrumb">
			<h2>当前位置：<a href="<?php echo U('Index/index');?>"> 首页 ></a>
				<?php $count = count($catPath);
				for($i = $count-1;$i>= 0;$i--):?>
				<a href=""><?php echo $catPath[$i]['cat_name']; ?></a> >
				<?php endfor;?>
				<?php echo $info['goods_name'];?></h2>
		</div>
		<!-- 面包屑导航 end -->
		
		<!-- 主体页面左侧内容 start -->
		<div class="goods_left fl">
			<!-- 相关分类 start -->
			<div class="related_cat leftbar mt10">
				<h2><strong>相关分类</strong></h2>
				<div class="leftbar_wrap">
					<ul>
						<li><a href="">笔记本</a></li>
						<li><a href="">超极本</a></li>
						<li><a href="">平板电脑</a></li>
					</ul>
				</div>
			</div>
			<!-- 相关分类 end -->

			<!-- 相关品牌 start -->
			<div class="related_cat	leftbar mt10">
				<h2><strong>同类品牌</strong></h2>
				<div class="leftbar_wrap">
					<ul>
						<li><a href="">D-Link</a></li>
						<li><a href="">戴尔</a></li>
						<li><a href="">惠普</a></li>
						<li><a href="">苹果</a></li>
						<li><a href="">华硕</a></li>
						<li><a href="">宏基</a></li>
						<li><a href="">神舟</a></li>
					</ul>
				</div>
			</div>
			<!-- 相关品牌 end -->

			<!-- 热销排行 start -->
			<div class="hotgoods leftbar mt10">
				<h2><strong>热销排行榜</strong></h2>
				<div class="leftbar_wrap">
					<ul>
						<li></li>
					</ul>
				</div>
			</div>
			<!-- 热销排行 end -->


			<!-- 浏览过该商品的人还浏览了  start 注：因为和list页面newgoods样式相同，故加入了该class -->
			<div class="related_view newgoods leftbar mt10">
				<h2><strong>浏览了该商品的用户还浏览了</strong></h2>
				<div class="leftbar_wrap">
					<ul>
						<li>
							<dl>
								<dt><a href=""><img src="images/relate_view1.jpg" alt="" /></a></dt>
								<dd><a href="">ThinkPad E431(62771A7) 14英寸笔记本电脑 (i5-3230 4G 1TB 2G独显 蓝牙 win8)</a></dd>
								<dd><strong>￥5199.00</strong></dd>
							</dl>
						</li>

						<li>
							<dl>
								<dt><a href=""><img src="images/relate_view2.jpg" alt="" /></a></dt>
								<dd><a href="">ThinkPad X230i(2306-3V9） 12.5英寸笔记本电脑 （i3-3120M 4GB 500GB 7200转 蓝牙 摄像头 Win8）</a></dd>
								<dd><strong>￥5199.00</strong></dd>
							</dl>
						</li>

						<li>
							<dl>
								<dt><a href=""><img src="images/relate_view3.jpg" alt="" /></a></dt>
								<dd><a href="">T联想（Lenovo） Yoga13 II-Pro 13.3英寸超极本 （i5-4200U 4G 128G固态硬盘 摄像头 蓝牙 Win8）晧月银</a></dd>
								<dd><strong>￥7999.00</strong></dd>
							</dl>
						</li>

						<li>
							<dl>
								<dt><a href=""><img src="images/relate_view4.jpg" alt="" /></a></dt>
								<dd><a href="">联想（Lenovo） Y510p 15.6英寸笔记本电脑（i5-4200M 4G 1T 2G独显 摄像头 DVD刻录 Win8）黑色</a></dd>
								<dd><strong>￥6199.00</strong></dd>
							</dl>
						</li>

						<li class="last">
							<dl>
								<dt><a href=""><img src="images/relate_view5.jpg" alt="" /></a></dt>
								<dd><a href="">ThinkPad E530c(33662D0) 15.6英寸笔记本电脑 （i5-3210M 4G 500G NV610M 1G独显 摄像头 Win8）</a></dd>
								<dd><strong>￥4399.00</strong></dd>
							</dl>
						</li>					
					</ul>
				</div>
			</div>
			<!-- 浏览过该商品的人还浏览了  end -->

			<!-- 最近浏览 start -->
			<div class="viewd leftbar mt10">
				<h2><a href="">清空</a><strong>最近浏览过的商品</strong></h2>
				<div class="leftbar_wrap" id="display_history">
					<dl>
						<dt><a href=""><img src="images/hpG4.jpg" alt="" /></a></dt>
						<dd><a href="">惠普G4-1332TX 14英寸笔记...</a></dd>
					</dl>

					<dl class="last">
						<dt><a href=""><img src="images/crazy4.jpg" alt="" /></a></dt>
						<dd><a href="">直降200元！TCL正1.5匹空调</a></dd>
					</dl>
				</div>
			</div>
			<!-- 最近浏览 end -->

		</div>
		<!-- 主体页面左侧内容 end -->
		
		<!-- 商品信息内容 start -->
		<div class="goods_content fl mt10 ml10">
			<!-- 商品概要信息 start -->
			<div class="summary">
				<h3><strong><?php echo $info['goods_name'];?></strong></h3>
				
				<!-- 图片预览区域 start -->
				<div class="preview fl">
					<div class="midpic">
						<a href="<?php echo ($viewPath . $info['mbig_logo']); ?>" class="jqzoom" rel="gal1">   <!--  第一幅图片的大图 class 和 rel属性不能更改 -->
							<?php showImage($info['big_logo']);?>               <!-- 第一幅图片的中图 -->
						</a>
					</div>
	
					<!--使用说明：此处的预览图效果有三种类型的图片，大图，中图，和小图，取得图片之后，分配到模板的时候，把第一幅图片分配到 上面的midpic 中，其中大图分配到 a 标签的href属性，中图分配到 img 的src上。 下面的smallpic 则表示小图区域，格式固定，在 a 标签的 rel属性中，分别指定了中图（smallimage）和大图（largeimage），img标签则显示小图，按此格式循环生成即可，但在第一个li上，要加上cur类，同时在第一个li 的a标签中，添加类 zoomThumbActive  -->

					<div class="smallpic">
						<a href="javascript:;" id="backward" class="off"></a>
						<a href="javascript:;" id="forward" class="on"></a>
						<div class="smallpic_wrap">
							<ul>
								<li class="cur">
									<a class="zoomThumbActive" href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: '<?php echo $viewPath.$info['big_logo'];?>',largeimage: '<?php echo $viewPath.$info['mbig_logo'];?>'}"><?php showImage($info['sm_logo']);?></a>
								</li>
								<?php foreach($gpData as $k => $v):?>
								<li>
									<a href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: '<?php echo $viewPath.$v['mid_pic'];?>',largeimage: '<?php echo $viewPath.$v['big_pic'];?>'}"><?php showImage($v['sm_pic']); ?></a>
								</li>
								<?php endforeach;?>
							</ul>
						</div>
					</div>
				</div>
				<!-- 图片预览区域 end -->

				<!-- 商品基本信息区域 start -->
				<div class="goodsinfo fl ml10">
					<ul>
						<li><span>商品编号： </span><?php echo $info['id'];?></li>
						<li class="market_price"><span>定价：</span><em>￥<?php echo $info['market_price'];?></em></li>
						<li class="shop_price"><span>本店价：</span> <strong>￥<?php echo $info['shop_price'];?></strong> <a href="">(降价通知)</a></li>
						<p>
							<table border="1" cellpadding="5" cellspacing="5" width="30%">
								<?php foreach ($mpData as $k => $v):?>
									<tr>
										<td><?php echo $v['level_name'];?></td>
										<td>￥<span><strong><?php echo $v['price'];?>元</strong></span></td>
									</tr>
								<?php endforeach;?>
							</table>
						</p>
						<li class="shop_price"><span>会员价格：</span><strong style="" id="member_price"></strong></li>
						<li><span>上架时间：</span>{$info['addtime']}</li>
						<li class="star"><span>商品评分：</span> <strong></strong><a href="">(已有21人评价)</a></li> <!-- 此处的星级切换css即可 默认为5星 star4 表示4星 star3 表示3星 star2表示2星 star1表示1星 -->
					</ul>

					<form action="<?php echo U('Cart/add');?>" method="post" class="choose">
						<input type="hidden" name="goods_id" value="<?php echo $info['id'];?>" />
						<input type="hidden" name="member_id" value="<?php echo $memberId;?>" />
						<ul>
							<?php foreach($mulArr as $k => $v): ?>
							<li class="product">
								<dl>
									<dt><?php echo $k;?>：</dt>
									<dd>
										<?php foreach($v as $k1 => $v1):?>
										<a <?php if($k1==0) echo 'class="selected"';?> href="javascript:;">
										<?php echo $v1['attr_value'];?>
										<input type="radio" name="goods_attr_id[<?php echo $v1['attr_id'];?>]" value="<?php echo $v1['id'];?>" <?php if($k1==0) echo 'checked="checked"'; ?> /></a>
										<?php endforeach;?>
										<input type="hidden" name="" value="" />
									</dd>
								</dl>
							</li>
							<?php endforeach; ?>

							<li>
								<dl>
									<dt>购买数量：</dt>
									<dd>
										<a href="javascript:;" id="reduce_num"></a>
										<input type="text" name="goods_number" value="1" class="amount"/>
										<a href="javascript:;" id="add_num"></a>
									</dd>
								</dl>
							</li>

							<li>
								<dl>
									<dt>&nbsp;</dt>
									<dd>
										<input type="submit" value="" class="add_btn" />
									</dd>
								</dl>
							</li>

						</ul>
					</form>
				</div>
				<!-- 商品基本信息区域 end -->
			</div>
			<!-- 商品概要信息 end -->
			
			<div style="clear:both;"></div>

			<!-- 商品详情 start -->
			<div class="detail">
				<div class="detail_hd">
					<ul>
						<li class="first"><span>商品介绍</span></li>
						<li class="on"><span>商品评价</span></li>
						<li><span>售后保障</span></li>
					</ul>
				</div>
				<div class="detail_bd">
					<!-- 商品介绍 start -->
					<div class="introduce detail_div none">
						<div class="attr mt15">
							<ul>
								<?php foreach($uniArr as $k => $v):?>
								<li><span><?php echo $v['attr_name'];?>：</span> <?php echo $v['attr_value'];?> </li>
								<?php endforeach;?>
							</ul>
						</div>

						<div class="desc mt10">
							<!-- 此处的内容 一般是通过在线编辑器添加保存到数据库，然后直接从数据库中读出 -->
							<?php echo $info['goods_desc']; ?>
						</div>
					</div>
					<!-- 商品介绍 end -->
					
					<!-- 商品评论 start -->
					<div class="comment detail_div mt10">
						<div class="comment_summary">
							<div class="rate fl">
								<strong><em class="hao"></em>%</strong> <br />
								<span>好评度</span>
							</div>
							<div class="percent fl">
								<dl>
									<dt>好评（<span class="hao"></span>%）</dt>
									<dd><div id="hao_width" style="width:90px;"></div></dd>
								</dl>
								<dl>
									<dt>中评（<span class="zhong"></span>%）</dt>
									<dd><div id="zhong_width" style="width:5px;"></div></dd>
								</dl>
								<dl>
									<dt>差评（<span class="cha"></span>%）</dt>
									<dd><div id="cha_width" style="width:5px;" ></div></dd>
								</dl>
							</div>
							<div class="buyer fl">
								<dl>
									<dt>买家印象：</dt>
								</dl>
							</div>
						</div>
						<!--好评度 end-->
						<div id="comment_container">
						</div>

						<div class="comment_items mt10">

							<div class="user_pic">
								<dl>
									<dt><a href=""><img src="__PUBLIC__/Home/images/user1.gif" alt="" /></a></dt>
									<dd><a href="">乖乖</a></dd>
								</dl>
							</div>
							<div class="item">
								<div class="title">
									<span>2013-03-11 22:18</span>
									<strong class="star star5"></strong> <!-- star5表示5星级 start4表示4星级，以此类推 -->
								</div>
								<div class="comment_content">
									<dl>
										<dt>心得：</dt>
										<dd>东西挺好，挺满意的！</dd>
									</dl>

								</div>
								<div class="btns">
									<a href="" class="reply">回复(0)</a>
									<a href="" class="useful">有用(0)</a>
								</div>
							</div>
							<div class="cornor"></div>
						</div>

						<!-- 分页信息 start -->
						<div class="page mt20">
							<a href="">首页</a>
							<a href="">上一页</a>
							<a href="">1</a>
							<a href="">2</a>
							<a href="" class="cur">3</a>
							<a href="">4</a>
							<a href="">5</a>
							<a href="">下一页</a>
							<a href="">尾页</a>
						</div>
						<!-- 分页信息 end -->

						<!--  评论表单 start-->
						<div class="comment_form mt20">
							<form id="comment_form" >
								<input type="hidden" name="goods_id" value="<?php echo $info['id'];?>"/>
								<ul>
									<li>
										<label for=""> 评分：</label>
										<input type="radio" name="star" value="5"/> <strong class="star star5"></strong>
										<input type="radio" name="star" value="4"/> <strong class="star star4"></strong>
										<input type="radio" name="star" value="3"/> <strong class="star star3"></strong>
										<input type="radio" name="star" value="2"/> <strong class="star star2"></strong>
										<input type="radio" name="star" value="1"/> <strong class="star star1"></strong>
									</li>

									<li>
										<label for="">评价内容：</label>
										<textarea name="content" id="" cols="" rows=""></textarea>
									</li>
									<li id="mjyx">
										<label for="">买家印象:</label>
										<input type="text" name="yx_name" size="60">多个印象用逗号隔开
									</li>

									<li>
										<label for="">&nbsp;</label>
										<input type="button" value="提交评论"  class="comment_btn"/>
									</li>
								</ul>
							</form>
						</div>
						<!--  评论表单 end-->
						
					</div>
					<!-- 商品评论 end -->

					<!-- 售后保障 start -->
					<div class="after_sale mt15 none detail_div">
						<div>
							<p>本产品全国联保，享受三包服务，质保期为：一年质保 <br />如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在质保期内享受免费保修等三包服务！</p>
							<p>售后服务电话：800-898-9006 <br />品牌官方网站：http://www.lenovo.com.cn/</p>

						</div>

						<div>
							<h3>服务承诺：</h3>
							<p>本商城向您保证所售商品均为正品行货，京东自营商品自带机打发票，与商品一起寄送。凭质保证书及京东商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由本商城联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。本商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！</p> 
							
							<p>注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！</p>

						</div>
						
						<div>
							<h3>权利声明：</h3>
							<p>本商城上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东商城重要的经营资源，未经许可，禁止非法转载使用。</p>
							<p>注：本站商品信息均来自于厂商，其真实性、准确性和合法性由信息拥有者（厂商）负责。本站不提供任何保证，并不承担任何法律责任。</p>

						</div>
					</div>
					<!-- 售后保障 end -->

				</div>
			</div>
			<!-- 商品详情 end -->

			
		</div>
		<!-- 商品信息内容 end -->
		

	</div>
	<!-- 商品页面主体 end -->
	<div style="clear:both;"></div>

	<script>
		<?php $config = C('IMAGE_CONFIG'); ?>
		var viewPath = '<?php echo $config['viewPath'];?>';
		$.ajax({
			type:'GET',
			url:"<?php echo U('Index/displayHistory?id='.$info['id']); ?>",
			dataType:"json",
			success:function (data) {
				var html = '';
				$(data).each(function (k,v) {
					html += '<dl><dt><a href="<?php echo U('goods','',FALSE);?>/id/'+v.id+'"><img src="'+viewPath+v.mid_logo+'"/></a></dt><dd>'+'<a href="<?php echo U('goods','',FALSE);?>/id/'+v.id+'">'+v.goods_name+'</a></dd></dl>';
				});
			}
		});
	</script>

	<script>
		//登录弹出框的显示
		$("#login_dialog").dialog({
			resizable : false,
			position:{at:"center"},
			modal : true,
			autoOpen : false,
			width : 400,
			buttons:[{
				text:"登录 ",
				click:function () {
					//
					$.ajax({
						type:"POST",
						url:'<?php echo U("Member/login");?>',
						data:$("#login_form").serialize(),
						dataType:"json",
						success:function (data) {
							if (data.status == 1){
								is_login = 1;
								$("#login_dialog").dialog("close");
							} else {
								alert(data.info);
							}
						}
					});
				}
			},{
				text:" 取消",
				click:function () {
					$(this).dialog("close");
				}
			}
			]
		});

		$(".comment_btn").click(function () {
			var form = $("#comment_form");
			var formData = form.serialize();
			$.ajax({
				type : "POST",
				url : "<?php echo U('Comment/add');?>",
				data : formData,//表单中要提交的数据
				dataType : 'json',//服务器返回的数据格式
				success:function (data) {
					if (data.status === 0) {
						if (data.info == '必须先登录!'){
							$('#login_dialog').dialog( 'open' );
						} else {
							alert(data.info);
						}
					} else {
						//清空表单
						form.trigger("reset");
						//新的评论显示出一个html字符串
						var html = '<div class="comment_items mt10 none"><div class="user_pic"><dl><dt><a href=""><img src="'+data.info.face+'" alt="" /></a></dt> <dd><a href="">'+data.info.username+'</a></dd> </dl> </div> <div class="item"> <div class="title"> <span>'+data.info.addtime+'</span> <strong class="star star'+data.info.star+'"></strong> </div> <div class="comment_content">'+data.info.content+'</div> <div class="btns"> <a href="javascript:void(0);" onclick="do_reply(this,'+data.info.id+');"class="reply">回复(0)</a> <a href="" class="useful">有用(0)</a> </div> <div class="reply_form"></div>'+'  <ul class="reply_container"></ul></div> <div class="cornor"></div></div>';
						//把整个评论的字符串转化为jq的对象
						html = $(html);
						//把评好的评论放到页面中
						$("#comment_container").prepend(html);
						//让导航条直接滚动第一个评论区
						$("body").animate({"scrollTop" : "750px"},1000,function () {
							html.fadeIn(2000);
						});
						//$("#login_dialog").dialog("open");
					}
				}
			});
		});
	</script>
	<script type="text/javascript">
		document.execCommand("BackgroundImageCache", false, true);

		//评论的缓存
		var cache = [];
		function getCache(page) {
			for(var i=0;i<cache.length;i++){
				if(cache[i][0] == page) {
					return cache[i];
				}
			}
			return false;
		}
	</script>

	<script type="text/javascript">

		/**
		 * ajax获取某一页的评论
		 */
		function ajaxGetPl(page){
			var c = getCache(page);
			if (c !== false){
				$("#comment_container").html(c[1]);
				$('.page').html(c[2]);
				return ;
			}

			$.ajax({
				type:"GET",
				url:"<?php echo U('Comment/ajaxGetPl?goods_id='.$info['id'],'',FALSE);?>/p/"+page,
				dataType:"json",
				success:function (data) {
					is_login = data.memberId;//把当前会员id传给全局变量
					//当获取第一页地址的时候计算一个好评率和买家印象
					if (page == 1){
						//好评
						$(".hao").html(data.hao);
						$("#hao_width").css('width',data.hao + "px");
						//中评
						$(".zhong").html(data.zhong);
						$("#zhong_width").css('width',data.zhong + "px");
						//差评
						$(".cha").html(data.cha);
						$("#cha_width").css('width',data.cha + "px");
						//印象
						var yxhtml = '';
						var yxChkHtml = "";
						$(data.yxData).each(function (k,v) {
							yxhtml += '<dd><span>'+v.yx_name+'</span><em>('+v.yx_count+')</em></dd>';
							yxChkHtml += '<input type="checkBox" name="yx_id[]" value="'+v.id+'"/>'+v.yx_name+' ';  });
						$(".buyer dl").append(yxhtml);
						//复选框,放到买家印象前面
						if(yxChkHtml != '')
							$("#mjyx").before('<li><label for="">选择印象:  </label>'+yxChkHtml+'</li>');

					}

					var html = '';
					//循环每个评论
					$(data.data).each(function (k,v) {
						//
						var hfhtml = '';

						$(v.reply).each(function (k1,v1) {
							hfhtml += '<li><img src="'+v1.face+'" width="50"/>'+v1.username+'【'+v1.addtime+'】回复:<p>'+v1.content+'</p></li>';
						});

						html += '<div class="comment_items mt10"><div class="user_pic"><dl><dt><a href=""><img src="'+v.face+'" alt="" /></a></dt> <dd><a href="">'+v.username+'</a></dd> </dl> </div> <div class="item"> <div class="title"> <span>'+v.addtime+'</span> <strong class="star star'+v.star+'"></strong> </div> <div class="comment_content">' +v.content+ '</div> <div class="btns"> <a href="javascript:void(0);" onclick="do_reply(this,'+v.id+');" '+'class="reply">回复('+v.reply_count+')</a> <a href="" class="useful">有用('+v.click_count+')</a> </div> <div class="reply_form"></div>'+'  <ul class="reply_container">'+hfhtml+'</ul></div> <div class="cornor"></div></div>';
					});
					//覆盖原数据
					$("#comment_container").html(html);

					//根据总的页数,拼出翻页的字符串
					var pageString = '';
					for(var i = 1;i<data.pageCount;i++){
						if (page == i){
							var cls = "class=cur";
						}else{
							var cls = '';
							pageString += '<a '+cls+' onclick="ajaxGetPl('+i+');" href="javascript(0);">'+i+'</a>';
						}
					}
					$('.page').html(pageString);
					//放到缓存中
					cache.push([page,html,pageString]);

				},
				error: function () {

				}
			});
		}
		ajaxGetPl(1);
		var is_login = 0;//是否登录

		function do_reply(btn,commentId) {
			var div = $(btn).parent().next("div");
			var replyForm = '<br/><hr style="clear:both;margin-top: 15px;"/><form><input type="hidden" name="comment_id" value="'+commentId+'"/><textarea name="content" style="width:100%" row="6"></textarea><br><input type="button" onclick="post_reply(this);" value="回复"/><input onclick="close_reply(this);" type="button" value="取消"/></form>';
			div.html(replyForm);
			if (is_login <='0'){
				$("#login_dialog").dialog('open');
			}
		}

		//关闭回复
		function close_reply(btn) {
			var div = $(btn).parent().parent();
			div.html('');
		}

		//ajax提交回复
		function post_reply(btn) {
			var formData = $(btn).parent().serialize();
			$.ajax({
				type:"POST",
				url:"<?php echo U('Comment/reply');?>",
				data:formData,
				dataType:"json",
				success:function(data){
					if (data.status == 1){
						var html = '<li><img src="'+data.info.face+'" width="50"/>'+data.info.username+'【'+data.info.addtime+'】回复：<p>'+data.info.content+'</p></li>';
						$(btn).parent().parent().next("ul").append(html);
						$(btn).parent().parent().html('');
					} else {
						//未登录就显示窗口
						if (data.info == '必须先登录!'){
							$("#login_dialog").dialog("open");
						} else{
							alert(data.info);
						}
					}
				}
			});
		}

	</script>


<include file="Common/help"/>

